<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<script type="text/javascript" src="js/rem.js"></script>
<link  type="text/css" href="css/dialog.css" rel="stylesheet"/>
<link type="text/css" href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/dialog.js"></script>
<title>无标题文档</title>
</head>

<body>
<!--头部start-->
<div class="header">
	<ul class="wrapper">
		<a href="##" title="" class="home"><img src="images/img_01.png" alt="" /></a>
	  <div>
		  <a href="##" title="">注册</a>
		  <a href="##" title="">下载APP</a>
		</div>
	</ul>
</div>
<!--头部end-->
	
<!--注册start-->
<div class="resiger">
	<div class="con">
    <div class="top">
		  <img src="images/img_13.png" alt="" class="logo" />
			<img src="images/img_14.png" alt="" class="name" />
			<p>Ads Decentralized Autonomous <br/> Organization</p>
		</div>
		<div class="forms">
		  <img src="images/img_15.png" alt="" class="img" />
			<div class="list">
				<b>好友137*****059邀您<br/>共享百亿广告红利</b>
				<div class="r_input">
				  <div class="select">
					  <span><img src="images/img_03.png" alt="" />CN</span>
					</div>
					<div class="inputs">
					  <label>+86</label>
						<input type="number" value="" placeholder="" id="myInput" oninput="myFunction()" />
						<img src="images/img_07.png" alt="" class="close" />
					</div>
				</div>
				<div class="r_input">
					 <div class="t_name"><img src="images/img_02.png" alt="" />设置密码</div>
				   <div class="inputs">
						<input type="password" value="" placeholder="" class="codes" />
						<em class="eye"></em>
					</div>
				</div>
				<div class="yq_code">邀请码<i>6253642</i></div>
				<button class="submit">注册</button>
			</div>
		</div>
	</div>
</div>
<!--注册end-->

<!--弹窗start-->
<div class="bg disable"></div>
<div class="lan_choose disable">
	<div class="active"><img src="images/img_03.png" alt="" /><p>CN</p></div>
	<div onclick="mytoast('您所在地区归属仅限CN');"><img src="images/img_04.png" alt="" /><p>US</p></div>
	<div onclick="mytoast('您所在地区归属仅限CN');"><img src="images/img_05.png" alt="" /><p>IN</p></div>
</div>
<!--弹窗end-->

	
<script>
$(".select span").click(function(){
	$(".bg").fadeIn();
	$(".lan_choose").slideDown();
});
$(".lan_choose div").click(function(){
	$(".select span").html($(this).html());
	$(".lan_choose div").removeClass("active");
	$(this).addClass("active");
	$(".bg,.lan_choose").fadeOut();
});
$(".bg").click(function(){
	$(".bg,.lan_choose").fadeOut();
});
	
function myFunction() {
    var x = document.getElementById("myInput").value.length;
    if( x > 0){
			$(".inputs .close").show();
		}else{
			$(".inputs .close").hide();
		}
}
$(".inputs .close").click(function(){
	$("#myInput").val("");
	$(this).hide();
});

$(".eye").click(function(){
	if($(this).hasClass("on")){
		$(this).removeClass("on");
		$(".codes").prop('type','password');
	}else{
		$(this).addClass("on");
		$(".codes").prop('type','text');
	}
});
</script>
</body>
</html>